#app {
	.app-wrapper{
		.el-scrollbar__wrap {
		  overflow-x: hidden!important;
		}
		.mobile .el-scrollbar__wrap{
			margin-right: 0!important;
		}
		/* 滚动条样式 */
		// ::-webkit-scrollbar {width: 6px; /*对垂直流动条有效*/height: 6px; /*对水平流动条有效*/}
		// /*定义滚动条的轨道颜色、内阴影及圆角*/
		// // ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(112, 112, 112, 0.1);background-color: #E8E8E8; border-radius: 3px;}
		// /*定义滑块颜色、内阴影及圆角*/
		// ::-webkit-scrollbar-thumb{border-radius: 7px;-webkit-box-shadow: inset 0 0 6px rgba(125, 125, 125, 0.1);background-color: #dadada;}
	}
	
	// 展开动画纵向布局
	.app-sidebar {
		transition: width 0.28s;
		width: $sideBarWidth !important;//侧边栏宽度
		overflow: hidden;
		// background-color: $menuBg;//侧边栏背景色
		height: 100%;
		.el-menu {//去除边框和收缩动画问题
		  border: none;
		  height: 100%;
		  width: 100% !important;
		}
		.el-scrollbar__view{
			height: 100%;
		}
		//如果有log的导航栏高度
		.has-logo{
			height: 100%;
			.el-scrollbar{
				height: calc(100% - 50px);
			}
		}
		.scrollbar-wrapper {
			overflow-x: hidden !important;
		}
		
		.el-scrollbar {
		  height: 100%;
		}
	}
	// 收起动画
	.hideSidebar {
		.app-sidebar{
			width: 69px !important;
		}
	}
	//如果缩小为手机屏大小
	.mobile {
		// 侧边栏出来动画
		.app-sidebar {
			position: fixed;
			transition: transform .28s;
			width: $sideBarWidth !important;
			z-index: 1001;
		}
		&.hideSidebar {
			.app-sidebar {
				pointer-events: none;
				transition-duration: 0.3s;
				transform: translate3d(-$sideBarWidth, 0, 0);
			}
		}
		
	}
	.withoutAnimation {
	  .app-container,
	  .app-sidebar {
	    transition: none;
	  }
	}
	// 横向布局
	.app-sidebar-row{
		// height: 100px;background-color: red;
		.el-submenu__icon-arrow{
			position: initial!important;margin-left: 5px;margin-top: 2px;
		}
		.el-menu.el-menu--horizontal{
			border: none;
		}
	}
	
	//默认主题菜单移入
	.Default .el-menu-item.is-active {
	   background-color: $menuHoverDefault !important;
	}
	.Default .el-menu-item {
	  &:hover {
	    background-color: $menuHoverDefault !important;
	  }
	}
	//绿色主题菜单移入
	.Green .el-menu-item.is-active {
	   background-color: $menuHoverGreen !important;
	}
	.Green .el-menu-item {
	  &:hover {
	    background-color: $menuHoverGreen !important;
	  }
	}
	
}